<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/list.css">
    <title>列表页</title>
</head>
<body>
    <header></header>
      
 <div class="content">
    <div class="title">
        <h1>男的/290件商品</h1>
        <div class="line"></div>
    </div> 
 </div>
 <div class="content">
     <div class="product">
         <div class="pro_left">
             <div class="categary">
                 <h3>筛选</h3>
                 <div class="line"></div>
                

             </div>
             <div class="detail">
                    <dl>
                        <dt><h3>系列</h3></dt>
                        <dd></dd>
                        <dd></dd>
                        <dd></dd>
                        <dd></dd>

                    </dl>
                   <dl>
                        <dt><h3>季节</h3></dt>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
        
                            </dl> <dl>
                                    <dt><h3>儿童</h3></dt>
                                    <dd></dd>
                                    <dd></dd>
                                    <dd></dd>
                                    <dd></dd>
            
                                </dl>
                                <dl>
                                        <dt><h3>价格</h3></dt>
                                        <dd></dd>
                                        <dd></dd>
                                        <dd></dd>
                                        <dd></dd>
                
                                    </dl>
                </div>
         </div>
         <div class="pro_right">
             <ul class="table">
                 <li><b>排序</b></li>
                 <li><a href="">默认</a></li>
                 <li><a href="">价格</a></li>
                 <li><a href="">最喜欢</a></li>
                 <li><a href="">最畅销</a></li>
             </ul>
             <div class="display pageMain" id='kid-list'>
                 <!-- <div class="kid" id='kid-list'> -->
                        <!-- <img src="/images/KIDS.jpg" alt="">
                        <p>【婴幼儿】Jack Purcell 2Y</p>
                        <p>￥399</p> -->
                 <!-- </div> -->
                 <script type='text/html' id='kid-template'>
                    {{each kids item}}
                    <li>
                    <a href="./information.html?id={{item.id}}"><div class="kid">
                            <img src="{{item.img}}" alt="">
                            <p>{{item.name}}</p>
                            <p>￥{{item.price}}</p>
                     </div></a>
                    <!-- <div class="kid">
                            <img src="{{item.img}}" alt="">
                            <p>{{item.name}}</p>
                            <p>{{item.price}}</p>
                     </div> -->
                    </li>
                    {{/each}}
                </script>
                
               
             </div>
         </div>
     </div>
 </div>
 <div id="pageBox">
        <span id="prev">上一页</span>
        <ul id="pageNav"></ul>
        <span id="next">下一页</span>
    </div>
 <footer></footer>
 
<script src="/libs/requirejs/require.min.js" data-main="/js/list"></script>

</body>
</html>